import Vue from 'vue';
import {
  Pagination,
  Button,
  Tabbar,
  TabbarItem,
  Search,
  PullRefresh,
  Cell,
  CellGroup,
  Col,
  Row,
  Form,
  Field,
  Uploader,
  Checkbox,
  CheckboxGroup,
  Dialog,
  SwipeCell,
  Card,
} from 'vant';
import App from './App.vue';
import router from './router';
import store from './store';
// import 'vant/lib/index.css';
import './assets/css/custom.css';

Vue.use(Pagination); // 分页
Vue.use(Button); // 按钮
// 底部菜单
Vue.use(Tabbar);
Vue.use(TabbarItem);
Vue.use(Search); // 搜索
Vue.use(PullRefresh); // 下拉刷新
// 单元格引入
Vue.use(Cell);
Vue.use(CellGroup);
// 布局引入
Vue.use(Col);
Vue.use(Row);
// 表单
Vue.use(Form);
Vue.use(Field);
// 上传
Vue.use(Uploader);
// 多选
Vue.use(Checkbox);
Vue.use(CheckboxGroup);
// 确认弹框
Vue.use(Dialog);
// 滑动单元格
Vue.use(SwipeCell);
// 商品列表形式的卡片
Vue.use(Card);


Vue.config.productionTip = false;

new Vue({
  router,
  store,
  render: (h) => h(App),
}).$mount('#app');

router.beforeEach((to, from, next) => {
  /* 路由发生变化修改页面title */
  if (to.meta.title) {
    document.title = to.meta.title
  }
  next()
});
